<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shopcar.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
	</head>

	<body>
		<div class="shopcar-title">
			<div class="shopcar-logo"></div>
			<div class="shopcar-title-check">&nbsp;<span class="left">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>确认订单</span> </div>
		</div>
		<div class="shopcarjiesuan-container">
			<p>收货地址</p>
			<div class="shopcarjiesuan-address">
				<div class="shopcarjiesuan-jia"></div>
				<div style="font-size:12px;">添加新地址</div>
				<div class="shopcarjiesuan-addaddress">
					请输入地址：<textarea id="shopcarjiesuan-shuruaddress" style="width: 100%;height:80%;outline: none;resize: none;font-size: 18px;border: none;"></textarea>
					<div class="shopcarjiesuan-baocun" style="z-index: 999; width: 50px;height: 30px;background:lightgrey;font-size: 16px;text-align: center;line-height: 30px;position: absolute;bottom: 0;right: 60px;">保存</div>
					<div class="shopcarjiesuan-quxiao" style="z-index: 999; width: 50px;height: 30px;background: lightgray;font-size: 16px;text-align: center;line-height: 30px;position: absolute;bottom: 0;right: 0;">取消</div>
				</div>
			</div>
			<div class="shopcarjiesuan-style">
				<p>支付方式</p>
				<p style="font-size: 14px;color:#666666;margin-left: 30px;">在线支付</p>
			</div>
			<div class="shopcarjiesuan-style">
				<p>配送方式</p>
				<p style="font-size: 14px;color:#666666;margin-left: 30px;">普通快递配送</p>
			</div>
			<div class="shopcarjiesuan-style">
				<p>发票</p>
				<input style="outline: none; cursor: pointer; margin-top: 20px;margin-left: 30px;" checked="checked" type="radio" name="fapiao" id="gg" value="" /><label for="gg" style="cursor: pointer;">不开发票</label>
				<input style="outline: none; cursor: pointer; margin-top: 20px;margin-left: 30px;" type="radio" name="fapiao" id="hh" value="" /><label for="hh" style="cursor: pointer;">开具发票</label>
			</div>
			<div class="shopcarjiesuan-xinxi">
				<p>商品信息</p>
				<a href="shopcar.html">返回购物车 »</a>
			</div>
			<div class="shopcarjiesuan-goodstilte">
				<p style="width: 670px;height: 100%;text-indent: 10px;line-height: 34px;">商品</p>
				<p style="width: 140px;height: 100%;line-height: 34px;text-align: center;">单价</p>
				<p style="width: 164px;height: 100%;line-height: 34px;text-align: center;">数量</p>
				<p style="width: 150px;height: 100%;line-height: 34px;text-align: center;">小计</p>

			</div>
			<div class="shopcarjiesuan-goodstilte" style="margin-top: 8px;border-bottom: none;">
				<p style="width: 670px;height: 100%;text-indent: 10px;line-height: 34px;">暴风自营</p>
				<p style="width: 140px;height: 100%;line-height: 34px;text-align: center;"></p>
				<p style="width: 164px;height: 100%;line-height: 34px;text-align: center;"></p>
				<p style="width: 150px;height: 100%;line-height: 34px;text-align: center;">运费：0元</p>

			</div>
			<ul class="shopcarjiesuan-list">
				
			</ul>
			<div style="width: 100%;position: relative;margin-top: 80px;height: 50px;">
				<div style="width: 230px;height: 50px;position: absolute;right:0;top: 0;">
					<div class="shopcarjiesuan-total">
						<div class="shopcatjiesuan-shangpingjianshu">商品件数</div>
						<div style="display: flex;">
							<p class="shopcarjiesuan-total-number"></p><span style="font-size: 14px;">件</span></div>
					</div>
					<div class="shopcarjiesuan-total">
						<div class="shopcatjiesuan-shangpingzongjine">总金额</div>
						<div style="display: flex;">
							<p class="shopcarjiesuan-total-price"></p><span style="font-size: 14px;">元</span></div>
					</div>

				</div>
			</div>

			<div id="shopcarjiesuan">
				<div class="shopcarjiesuan-repairAddress" style="display: none; border: 1px solid #CCCCCC;position: relative;width: 500px;height:100px;margin-top: -150px;">
					请输入地址：<textarea style="width: 100%;height:80%;outline: none;resize: none;font-size: 18px;"></textarea>
					<div class="shopcarrepair-baocun" style="cursor: pointer; z-index: 999; width: 50px;height: 30px;background:darkgray;font-size: 16px;text-align: center;line-height: 30px;position: absolute;bottom: 0;right: 60px;">保存</div>
					<div class="shopcarrepair-quxiao" style="cursor: pointer; z-index: 999; width: 50px;height: 30px;background: darkgray;font-size: 16px;text-align: center;line-height: 30px;position: absolute;bottom: 0;right: 0;">取消</div>
				</div>
				<div class="repair" style="color:grey; font-size: 14px;line-height:70px;margin-right: 10px;cursor: pointer;">修改地址</div>
				<div class="shopcarjiesuan-total-jiesuan">
					
					<!--<a href="myorder.html">-->提交订单<!--</a>-->
				</div>
			</div>

		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js "></script>
		<script src="js/shopcar.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/alertLogin.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/addheader.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("body").addHeader()
				$.shopcarjiesuan.main()

			})
		</script>
	</body>

</html>